<span class="toggle-area" id="switch"></span>
<h1 class="title" data-bind="text: title, attr:{ style: title_style}"></h1>
<h1 class="title2" data-bind="text: title2, attr:{ style: title2_style}"></h1>
<h2 class="value" data-bind="text: state, attr:{ style: state_style}"></h2>
<div id="Dialog" class="modalDialog">
<div data-bind="attr:{style: panel_background_style}">
<h2 id="close" class="modalDialogCloseButton">&times;</h2>
<h2 class="panel-state" data-bind="text: state, attr:{style: panel_state_style}"></h2>
<h2 class="panel-state" data-bind="text: code, attr:{style: panel_code_style}"></h2>
<div class="container">
    <span data-bind="attr:{style: panel_button_style}" class="block" id="1">1</span class="block">
    <span data-bind="attr:{style: panel_button_style}" class="block" id="2">2</span class="block">
    <span data-bind="attr:{style: panel_button_style}" class="block" id="3">3</span class="block">
    <span data-bind="attr:{style: panel_button_style}" class="block" id="4">4</span class="block">
    <span data-bind="attr:{style: panel_button_style}" class="block" id="5">5</span class="block">
    <span data-bind="attr:{style: panel_button_style}" class="block" id="6">6</span class="block">
    <span data-bind="attr:{style: panel_button_style}" class="block" id="7">7</span class="block">
    <span data-bind="attr:{style: panel_button_style}" class="block" id="8">8</span class="block">
    <span data-bind="attr:{style: panel_button_style}" class="block" id="9">9</span class="block">
    <span data-bind="attr:{style: panel_button_style}" class="block block2" id="0">0</span class="block">
    <span data-bind="attr:{style: panel_button_style}" class="block mdi mdi-keyboard-backspace" id="BS"></span class="block">
    <span data-bind="attr:{style: panel_button_style}" class="block mdi mdi-home" id="AH" ></span class="block">
    <span data-bind="attr:{style: panel_button_style}" class="block mdi mdi-home-outline" id="AA"></span class="block">
    <span data-bind="attr:{style: panel_button_style}" class="block fa fa-power-off" id="DA"></span class="block">
    <span data-bind="attr:{style: panel_button_style}" class="block block3" id="TR">Trigger</span class="block">
</div>
</div>
</div>
